<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>爱兜网 - 手指创业,轻松赚钱</title>
<meta name="description" content=""/>
<meta name="keywords" content=""/>
<link rel="stylesheet" type="text/css" class="ui" href="/statics/semantic/semantic.min.css">
<link rel="stylesheet" type="text/css" href="/statics/css/docs.css">
<link rel="stylesheet" type="text/css" href="/statics/css/rtl.css">
<link rel="stylesheet" type="text/css" href="/statics/css/home.css">
<link rel="stylesheet" type="text/css" href="/statics/semantic/elements/button.min.css">
<link rel="stylesheet" type="text/css" href="/statics/semantic/elements/modal.min.css">
</head>
<body id="example" class="index" ontouchstart="">
<div class="pusher">
<div class="full height">
<div class="following bar">
  <div class="ui page grid">
    <div class="column">
      <div class="ui inverted right floated secondary menu">
        <div class="ui link item" onclick="getCompany();">
          <div class="text">企业登录</div>
        </div>
        <div class="ui link item" onclick="getBusiness();">
          <div class="text">商户登录</div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="zoomed masthead segment">
  <div class="ui page grid">
    <div class="column">
      <div class="introduction">
        <h1 class="ui inverted header">
          <span class="library">爱兜网</span>
          <b data-text="手指创业">手指创业</b>
          <span class="typed-cursor">|</span>
          <span class="text">轻松赚钱</span>
        </h1>
        <div class="ui hidden divider"></div>
        <a href="/register" class="ui huge basic inverted teal  button">
          立即尝试
          <i class="right chevron icon"></i>
        </a>
      </div>
    </div>
  </div>
</div>

    {#
    <div class="ui alternate stripe">

    </div>
    #}

    <div class="ui stripe slogan">
  <div class="ui stackable center aligned page grid">
        <div class="eight wide column">
          <h1 class="ui icon header">爱兜网，随时随地赚钱</h1>
          <a class="ui huge basic teal button" href="">加入我们<i class="right chevron icon"></i></a>
        </div>
  </div>
</div>
    </div>
    <div class="ui inverted black footer vertical segment">
  <div class="container">
    <div class="ui stackable inverted divided relaxed grid">
      <div class="eight wide column">
        <h3 class="ui inverted header">我们的宣言</h3>
        <p>时时刻刻为会员着想,敢做第一个吃螃蟹的人.</p>
      </div>
      <div class="four wide column">
        <h5 class="ui teal inverted header">服务条款</h5>
        <div class="ui inverted link list">
          <a class="item" target="_blank">会员必读</a>
          <a class="item" target="_blank"></a>
        </div>
      </div>
      <div class="four wide column">
        <h5 class="ui teal inverted header">关于我们</h5>
        <div class="ui inverted link list">
          <a class="item">爱兜网</a>
          <a class="item">联络方式</a>
          <a class="item">商务合作</a>
        </div>
      </div>
    </div>
  </div>
</div>
  </div>




<div class="ui small modal company">
        <div class="header">企业登录</div>
        <div class="content">
            <form action="" class="ui form">
                <div class="field">
                    <lable>企业帐号</lable>
                    <input placeholder="企业帐号" name="username" type="text">
                </div>
                <div class="field">
                    <lable>企业密码</lable>
                    <input placeholder="企业密码" name="password" type="password">
                </div>
            </form>
        </div>
        <div class="actions">
           <div class="ui negative button">取消</div>
            <div class="ui positive button">确定</div>
        </div>
    </div>

<div class="ui modal small business">
  <div class="header">商户登录</div>
  <div class="content">
    <form action="" class="ui form">
        <div class="field">
            <lable>商户帐号</lable>
            <input placeholder="商户帐号" name="username" type="text">
        </div>
        <div class="field">
            <lable>商户密码</lable>
            <input placeholder="商户密码" name="password" type="password">
        </div>
    </form>
  </div>
  <div class="actions">
       <div class="ui negative button">取消</div>
        <div class="ui positive button">确定</div>
    </div>
</div>

<script src="/statics/js/jquery.min.js"></script>
<script src="/statics/js/easing.js"></script>
<script src="/statics/js/typing.min.js"></script>
<script src="/statics/semantic/semantic.min.js"></script>
<script src="/statics/js/docs.js"></script>
<script src="/statics/js/home.js"></script>

<script>
    function getCompany() {
        $( '.ui.modal.company' )
                .modal( 'setting', {
                    closable : false,
                    onDeny : function () {
                    },
                    onApprove : function () {
                        window.alert( 'Approved!' );
                        return false;
                    }
                } )
                .modal( 'show' );
    }

    function getBusiness() {
        $( '.ui.modal.business' )
                .modal( 'setting', {
                    closable : false,
                    onDeny : function () {
                    },
                    onApprove : function () {
                        window.alert( 'Approved!' );
                        return false;
                    }
                } )
                .modal( 'show' );
    }

    $( function () {
        $( '.ui.form' ).form( {
            username : {
                identifier : 'username',
                rules : [
                    {
                        type : 'empty',
                        prompt : '请输入用户名'
                    }
                ]
            },
            password : {
                identifier : 'password',
                rules : [
                    {
                        type : 'empty',
                        prompt : '请输入密码'
                    },
                    {
                        type : 'length[6]',
                        prompt : '密码长度必须大于6位'
                    }
                ]
            }
        } );
    } );

</script>

</body>

</html>